

.root{
	/* background-color: #999999; */
}
.main-container{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 5rpx;
}
.title-container{
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 0 10rpx 0;
	padding: 20rpx 15rpx 20rpx 0;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
.title-avatar{
	position: absolute;
	left: 10rpx;
	margin-top: 10rpx;
	width: 75rpx;
	height: 75rpx;
	border-radius: 50%;
}
.title-top{
	border-bottom: 1px solid #aaaaff;
	width: 85%;
	margin: 0 0rpx 0 100rpx;
	height: 100%;
}
.title-nick{
	color: #4a95ba;
	font-size: 30rpx;
	
	padding-bottom: 5rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
}
.title-level{
	width: 40rpx;
	height: 40rpx;
}
.title-icon{
	float: right;
	color: red;
	font-size: 45rpx;
}
.title-email{
	font-size: 25rpx;
	margin-left: 100rpx;
	color: #999999;
}
.data-container{
	display: flex;
	flex-direction: column;
	/* background-color: aliceblue; */
	width: 100%;
	/* height: 50rpx; */
	margin-top: 20rpx;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

.column-container{
	padding: 20rpx 10rpx 10rpx 30rpx;
	margin: 20rpx 0 0 0;
	/* border-bottom: 1px solid red; */
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

.icon{
	float: right;
	font-size: 40rpx;
}

.myblog-container{
	/* padding-left: 30rpx; */
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	border-top: 1px red solid;
	padding-top: 20rpx;
	
}

scroll-view ::-webkit-scrollbar{
	width:0;
	height: 0;
	background-color: transparent;//透明
}
.myblog-item{
	display: inline-block;
	width: 580rpx;
	margin: 0 20rpx 0 20rpx;
	
}

.myblog-item>image{
	width: 580rpx;
	height: 300rpx;
	border-radius: 15rpx;
}

.myblog-item>text{
	width: 580rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.category-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	border-top: 1px red solid;
	padding-top: 20rpx;
}

.category-item{
	margin: 10rpx 10rpx 20rpx 10rpx;
}

.category-item-left{
	border: 1px solid aqua;
	border-radius: 50rpx 0 0 50rpx;
	padding: 5rpx 10rpx 5rpx 20rpx;
}
.category-item-right{
	border: 1px solid aqua;
	border-radius: 0 50rpx 50rpx 0;
	padding: 5rpx 20rpx 5rpx 10rpx;
	border-left: none;
}

.category-item-right-none{
	border: 1px solid red;
	background: red;
	border-radius: 0 50rpx 50rpx 0;
	padding: 5rpx 15rpx 5rpx 15rpx;
	color: white;
}